<template>
    <div>
        <van-nav-bar title="订单" left-text="返回" left-arrow @click-left="() => { $router.push('/ddxq') }" fixed/>
<div style="height: 45px;"></div>
<van-tabs v-model:active="activeName">
  <van-tab title="全部" name="a">
    <div style="margin-top: 20px ;"> 
      <van-cell-group>
  <van-cell title="2024-06-16 16:04:26" >
      <template #value>
    <span style="margin-left: 50px;">29分30秒 </span><span style="color: darkorange;">待付款</span>
  </template>
  </van-cell>

</van-cell-group>
      <van-card
  title=""
  thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
  style="background-color: #fff;"
>
 <template #title>
<p style="font-size: 14px;">华为Mate60Pro</p>
  </template>
  <template #thumb>
<img src="../img/QQ浏览器截图20250808093757.png" alt="" style="width: 80px;
height: 80px;">
  </template>
    <template #desc>
     <div style="margin-top: -14px;"> <span style="margin-right:17px;color: darkorange;">￥20.10 </span><span style="">x 3</span></div>
  </template>
  <template #num>
    <van-button size="mini">取消订单</van-button>
    <van-button size="mini" style="border:darkorange solid 1px ; color: darkorange;">立即支付</van-button>
  </template>
</van-card>
</div>
    <div style="margin-top: 20px ;"> 
      <van-cell-group>
  <van-cell title="2024-06-16 16:04:26" >
      <template #value>
 <span style="color: darkorange;">待付款</span>
  </template>
  </van-cell>

</van-cell-group>
      <van-card
  title=""
  thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
  style="background-color: #fff;"
>
 <template #title>
<p style="font-size: 14px;">华为Mate60Pro</p>
  </template>
  <template #thumb>
<img src="../img/QQ浏览器截图20250808093757.png" alt="" style="width: 80px;
height: 80px;">
  </template>
    <template #desc>
     <div style="margin-top: -14px;"> <span style="margin-right:17px;color: darkorange;">￥20.10 </span><span style="">x 3</span></div>
  </template>
 
</van-card>
</div>
   <div style="margin-top: 20px ;"> 
      <van-cell-group>
  <van-cell title="2024-06-16 16:04:26" >
      <template #value>
 <span style="color: darkorange;">待付款</span>
  </template>
  </van-cell>

</van-cell-group>
      <van-card
  title=""
  thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
  style="background-color: #fff;"
>
 <template #title>
<p style="font-size: 14px;">华为Mate60Pro</p>
  </template>
  <template #thumb>
<img src="../img/QQ浏览器截图20250808093757.png" alt="" style="width: 80px;
height: 80px;">
  </template>
    <template #desc>
     <div style="margin-top: -14px;"> <span style="margin-right:17px;color: darkorange;">￥20.10 </span><span style="">x 3</span></div>
  </template>

</van-card>
</div>
<div style="width: 100%;
height: 40px;">
<h2 style="font-size: 13px;font-weight: 400;margin-left: 40%;">没有更多了</h2>
</div>
  </van-tab>
  <van-tab title="待支付" name="b">待支付</van-tab>
  <van-tab title="待发货" name="c">待发货</van-tab>
  <van-tab title="待收货" name="d">待收货</van-tab>
  <van-tab title="已完成" name="e">已完成</van-tab>
  <van-tab title="已取消" name="f">已取消</van-tab>
</van-tabs>

    </div>
</template>

<script setup>

</script>

<style lang="scss" scoped></style>